<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<title>马上预约</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bc-list.css">
</head>


<body>

<!--导航栏-->
<nav class="navtop navbar-fixed-top">
	<div class="container">
       <div class="nav1 pull-left"><a href="#"><img src="images/left_03.jpg"></a></div>  
       <div class="nav2 pull-left text-center">马上预约</div>
       <div class="nav3 pull-left text-right"></div>     
	</div>
</nav>
<div style="height:50px;"></div>


<!--正文-->
<div class="container" style="margin:15px auto;">
	<form>
		<div class="form-group">
			<input type="text" class="form-control input-lg" placeholder="您的姓名">
		</div>
		<div class="form-group">
			<input type="text" class="form-control input-lg" placeholder="联系电话">
		</div>
		<div class="form-group">
			<input type="text" class="form-control input-lg" placeholder="小区名称">
		</div>
		<div class="form-group">
			<input type="text" class="form-control input-lg" placeholder="建筑面积">
		</div>
		<div class="form-group">
			<input type="text" class="form-control input-lg" placeholder="装修预算">
		</div>
	</form>
</div>


<!--底部按钮-->
<div style="height:50px;"></div>
<nav class="navbottom navbar-fixed-bottom signup">
	<a data-toggle="modal" data-target="#myModal">
		<button>确定预约</button>
	</a>
</nav>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="confirm">
				<img src="images/loong2.jpg">
				<a class="a1 btn btn-danger btn-lg btn-block" data-dismiss="modal">
					确&nbsp;定
				</a>
			</div>
		</div>
	</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>